<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<link href="/js/kindeditor-4.1.10/themes/default/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script>
<div style="padding:10px 10px 10px 10px">
	<form id="itemAddForm" class="itemForm" method="post">
	    <table cellpadding="5">

	        <tr>
	            <td>姓名:</td>
	            <td><input class="easyui-textbox" type="text" name="userName" data-options="validType:'length[1,30]'"/>
	            	<!-- <input type="hidden" name="price"/> -->
	            </td>
	        </tr>
	        <tr>
	            <td>身份证号:</td>
	            <td><input class="easyui-numberbox" type="text" name="userId" data-options="min:1,max:99999999,precision:0,required:true" /></td>
	        </tr>
	        <tr>
	            <td>地址:</td>
	            <td>
	                <input class="easyui-textbox" type="text" name="userAddress" data-options="validType:'length[1,30]'" />
	            </td>
	        </tr>
	       <tr>
	            <td>户型:</td>
	            <td>
	                <input class="easyui-textbox" type="text" name="userHousesize" data-options="validType:'length[1,30]'" />
	            </td>
	        </tr>
	        	       <tr>
	            <td>房号:</td>
	            <td>
	                <input class="easyui-textbox" type="text" name="userHousenum" data-options="min:1,max:99999999,precision:0,required:true" />
	            </td>
	        </tr>
	        <tr>
	            <td>装修上商:</td>
	            <td>
	                <input class="easyui-textbox" type="text" name="userDecoration" data-options="validType:'length[1,30]'" />
	            </td>
	        </tr>


	    </table>
	    <input type="hidden" name="itemParams"/>
	</form>
	<div style="padding:5px">
	    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>
	    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">重置</a>
	</div>
</div>
<script type="text/javascript">

	//提交表单
	function submitForm(){
		//有效性验证
		if(!$('#itemAddForm').form('validate')){
			$.messager.alert('提示','表单还未填写完成!');
			return ;
		}

		//同步文本框中的商品描述
	
		//取商品的规格
		/*
		var paramJson = [];
		$("#itemAddForm .params li").each(function(i,e){
			var trs = $(e).find("tr");
			var group = trs.eq(0).text();
			var ps = [];
			for(var i = 1;i<trs.length;i++){
				var tr = trs.eq(i);
				ps.push({
					"k" : $.trim(tr.find("td").eq(0).find("span").text()),
					"v" : $.trim(tr.find("input").val())
				});
			}
			paramJson.push({
				"group" : group,
				"params": ps
			});
		});
		//把json对象转换成字符串
		paramJson = JSON.stringify(paramJson);
		$("#itemAddForm [name=itemParams]").val(paramJson);
		*/
		//ajax的post方式提交表单
		//$("#itemAddForm").serialize()将表单序列号为key-value形式的字符串
		 /* console.log($("#itemAddForm").serializeArray());  */
		 var data = {
				userName: $("input[name='userName']").val(),
				userId:   $("input[name='userId']").val(),
				userAddress: $("input[name='userAddress']").val(),
				userHousesize:$("input[name='userHousesize']").val(),
				userHousenum:$("input[name='userHousenum']").val(),
				userDecoration:$("input[name='userDecoration']").val(),
				userTime:  new Date(),
		 };
		 console.log(data); 
	 	 $.ajax(
				{
				url:"user/save",
				type:'POST',
				data: data,
			    success: function(data){ 
						$.messager.alert('提示','新增用户成功!');
						$('#itemAddForm').form('reset');},
			    dataType: "text", 

			    }); 

	} 
	
	function clearForm(){
		$('#itemAddForm').form('reset');
	}
</script>
